… fix crop alignment

Replace CSS-transform rotation with a pixel re-bake so the crop selection
maps to the visible image, and add a blob-URL live preview so the rotation
is visible before the deferred Mendix commit (Save). Reset now restores the
true first-load original via an internal-change gate in useOriginalImage.

…used rotation state

…esign mode

Simplify structure mode to a title row plus a single status/config row
([No attribute selected] vs config summary), dropping the icon and large
image render. Rewrite design mode into a three-state preview driven by the
bound image: static images render the real CropArea (non-interactive) with a
config caption, while dynamic/unbound images show a placeholder glyph with
[No image selected yet].

Extract shared describeConfig/aspectLabel into utils, add the cropper
placeholder asset, declare the png module for TypeScript, and cover both
editor surfaces with new specs.

…w captions

…t fixes

Terminology:
- rename user-facing "Rotate" to "Flip" (toolbar, tooltips, enableFlip property)
- rename "Black and white"/"B&W" toggle to "Grayscale"

Toolbar:
- single-row layout: flip-left, flip-right, grayscale, zoom slider, reset
- flip buttons use SVG icons; square, icon-only styling
- always-on native tooltips on every toolbar button

Layout:
- size widget to its image and render block-level so sibling widgets stack below
- editor design-mode preview fills available width
- remove redundant "Image cropper" label above the design-mode preview

Behavior:
- keep a color working image on flip so grayscale stays reversible; bake
  grayscale only into the committed file when the toggle is on
- gate crop auto-commit on a genuine user drag so editing one cropper does not
  commit sibling instances in a list

Tests: rename specs for flip/grayscale; add grayscale-reversibility and
multi-instance commit regression specs.

Reset previously cleared the selection, leaving no box. Restore the
original bytes and re-seed the 80%-centered default via the extracted
buildInitialCrop (now in utils/initialCrop). Two paths: when restoring
changed the uri, CropArea's onLoad re-seeds against the correct
dimensions; when nothing was edited the uri is unchanged and onLoad
won't refire, so the container re-seeds directly from imageRef.

Also mirror handleFlip and drive the live preview with the original
bytes, so a stale rotated/flipped blob stops rendering after Reset.

Zoom now anchors on a fixed point (the crop-box center, captured when the
zoom value changes and frozen while the box moves/draws), so scaling keeps
that point on screen instead of drifting. The container owns the anchor and
passes it to both CropArea's transformOrigin and the export math.

Centralize the source-rect mapping into computeSourceRect, shared by
cropImage and PreviewPane, so exported pixels match the on-screen framing.
This also fixes a pre-existing off-center bug: the old pixelCrop.x / z math
assumed a top-left origin while the CSS used center, giving the wrong region
for any off-center crop. The read window is clamped into the image to guard
zoom-out (z < 1) from reading off-canvas.

…ar labels

Add an Accessibility property group with 8 translatable textTemplate props
(3 captions, 5 aria labels) covering the rotate, grayscale, reset, and zoom
toolbar controls. Labels ship en_US/nl_NL defaults and are resolved to plain
strings with English fallbacks before reaching the presentational components.

Replace the plain red 'No image' text with an informational placeholder:
an inline info-circle icon plus 'No uploaded image to crop', laid out on a
single row and colored with Atlas's semantic --brand-info token instead of
the error red. The icon inherits the text color via currentColor.